/**
 * @description: mixins入口文件
 * @author: JK.TuTu
 * @Data: 2023.01.12 18:12
 */
import {mapGetters} from 'vuex'

//导出mixin对象
export default {
  computed:{
    ...mapGetters('m_cart',['total'])
  },
  onShow(){
    //在页面刚展示时 设置数字徽标
    this.setBadge()
  },
  methods:{
    //设置购物车数字徽标
    setBadge(){
      uni.setTabBarBadge({
        index:2,  //索引
        text: this.total+''  //text必须为字符串
      })
    }
  },
  watch:{
    //深度监视total字段 当修改购物车中商品的数量之后，tabBar 上的数字徽标不会自动更新
    total:{
      handler(newVal){
        this.setBadge()
      },
      immediate:true
    }
  }
}